<template>
<div class="login-page" >
  <bgbubbles />
  <lang />
  <div class="login-body" >
    <div class="login-logo">
      <img  class="login-logo__img" :src="`${rootUrl}img/login/cf-info.png`" />
    </div>
    <div class="login-sub-title" style="margin-bottom: 40px;">
      {{$t('吴江经济技术开发区产业更新数据平台')}}
    </div>
    <div class="reset_title"> {{$t('密码已过有效期，请修改密码后登录')}}</div>
    <div class="login-form" style="width: 420px">
      <resetPassword />
    </div>
  </div>
  <div class="login-footer" >Copyright © 苏州城方信息技术有限公司</div>
</div>
</template>
<script>
import bgbubbles from "../login/bgbubbles"
import resetPassword from "./reset"
import Lang from "../index/header/lang"

export default {
  name: "login",
  components: {
    resetPassword,
    Lang,
    bgbubbles
  },
  data () {
    return {
    };
  },
  created () {
  },
  mounted () { },
  computed: {
  },
  props: [],
  methods: {
  }
};
</script>

<style lang="scss">
@import "../../styles/login.scss";
.reset_title{
    text-align: center;
    margin-bottom: 24px;
    color: #f03;
    font-size: 12px;
}
</style>